*{
    padding: 0;
    margin: 0;
}

img{
    width: 100%;
}

ul{
    list-style: none;
}

a{
    text-decoration: none;
}

/* 弹性盒子 */
.flex {
    display: flex;
}

.flex-c {
    display: flex;
    flex-direction: column;
}

/* 占用父级剩余尺寸的份数 */
.flex-1 {
    flex: 1;
}
.flex-2 {
    flex: 2;
}
.flex-3 {
    flex: 3;
}
.flex-4 {
    flex: 4;
}
.flex-5 {
    flex: 5;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-c-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.flex-justify-between {
    justify-content: space-between;
}

.flex-justify-around {
    justify-content: space-around;
}

.flex-justify-end {
    justify-content: flex-end;
}

.flex-justify-center {
    justify-content: center;
}

.flex-align-center {
    align-items: center;
}

.flex-align-end {
    align-items: flex-end;
}

.flex-wrap {
    flex-wrap: wrap;
}

/* 文本间距 */
.letter-spacing-1 {
    letter-spacing: 1px;
}

.letter-spacing-2 {
    letter-spacing: 2px;
}

.letter-spacing-3 {
    letter-spacing: 3px;
}

/* 可视滑动区域 */
.sroll-y {
    overflow-y: auto;
}

.sroll-y::-webkit-scrollbar {
    display: none;
}

/* 触碰高光 */
.filter:hover {
    filter: brightness(1.2);
}

.border:hover {
    border-bottom: 1px solid #fff;
}

/* 超出隐藏 */
.text-overflow-2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.text-overflow-3 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* 背景图缩放 */
.bg-s-contain{
    /* 图片等比例缩放，当宽度或高度和盒子的尺寸相等，图片就不再缩放 */
    background-size: contain;
}
.bg-s-cover{
    /* 图片等比例缩放，图片会完全覆盖到政哥哥盒子 */
    background-size: cover;
}
